
.currentPage {
    width: 100%;
}

/* banner area*/
.bannerArea {
    width: 100%;
    height: 299px;
    overflow: hidden;
}
.swiper-container {
    width: 100%;
    height: 299px;
}
.swiper-slide img{
    width: 100%;
    height: 100%;
    min-width: 1200px;
}
.swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet-active {
    background: #a1a1a1;
}
.bannerArea .swiper-button-prev {
    width: 40px;
    height: 40px;
    background: url(../images/indexImg/arrowLeft.png) center center no-repeat;
    left: 50px;
}
.bannerArea .swiper-button-next {
    width: 40px;
    height: 40px;
    background: url(../images/indexImg/arrowRight.png) center center no-repeat;
    right: 50px;
}

/* search area  */
.searchArea {
    height: 126px;
    background: #e6e6e6;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.searchLine {
    width: 996px;
    margin: 30px auto 0;
    overflow: hidden;
}
.searchLine > * {
    float: left;
}
.searchLine input {
    width: 768px;
    height: 14px;
    line-height: 14px;
    padding: 15px 10px;
    border: solid 1px #cdcdcd;
    border-radius: 4px;
}
.searchLine button {
    width: 152px;
    height: 46px;
    font-family: '微软雅黑';
    font-size: 18px; 
    color: #fff;
    font-weight: bold;
    line-height: 44px;
    background: #db382b;
    border: none;
    border-radius: 4px;
    margin-left: 4px;
    cursor: pointer;
}
.mapSearch {
    width: 46px;
    height: 46px;
    background: url(../images/indexImg/mapSearch.png) center center / contain no-repeat;
    margin-left: 4px;
}
.hotArea {
    height: 14px;
    position: absolute;
    left: 50%;
    margin-top: 16px;
    transform: translateX(-50%);
}
.hotArea > * {
    font-size: 14px;
    line-height: 14px;
    float: left;
}
.hotArea dt {
    color: #333;
    font-weight: bold;
}
.hotArea dd a{
    color: #555;
    text-align: center;
    padding: 0 20px;
}

/* list area */
.listArea {
    width: 100%;
    overflow: hidden;
}
.listTitle {
    width: 1210px;
    text-align: center;
    border-bottom: solid 1px #ccc;
    margin: 30px auto 0;
}
.listTitle h3 {
    width: 200px;
    font-size: 24px;
    color: #010101;
    padding-bottom: 14px;
    border-bottom: solid 3px #000;
    margin: 0 auto -1px;
}
.sameBlock {
    width: 1210px;
    margin: 26px auto 52px;
    overflow: hidden;
}
.videoLine:after {
    display: block;
    content: '';
    clear: both;
}
.videoLine > * {
    float: left;
}
.blockIntro {
    width:340px;
    height: 438px;
}
.videoLine video {
    width: 856px;
    height: 438px;
    /*background: url(../images/indexImg/videoBg.jpg) center center no-repeat;*/
}
.videoBlock {
    width: 856px;
    height: 438px;
    /*background: url(../images/indexImg/videoBg.jpg) center center no-repeat;*/
}
.blockIntro h4 {
    font-size: 30px;
    color: #db382b;
    padding: 0;
    margin: 0;
    margin-top: 30px;
    margin-left: 15px;
}
.blockIntro h5 { 
    font-size: 18px;
    color: #db382b;
    margin-top:9px;
    margin-left: 15px;
}
.smallRect {
    width: 40px;
    height: 4px;
    background: #db382b;
    margin-top: 30px;
    margin-left: 15px;
}
.blockIntro a {
    display: block;
    width: 156px;
    height: 26px;
    font-size: 16px;
    color: #db382b;
    text-align: center;
    line-height: 26px;
    border: solid 1px #db382b;
    border-radius: 3px;
    margin-top: 72px;
    margin-left: 15px;
}
.listLine {
    margin-top: 15px;
    overflow: hidden;
}
.listLine > * {
    float: left;
}
.listpart {
    width: 400px;
    height: 370px;
    padding: 1px;
}
.listpart > *,.listpart img {
    width: 370px;
    margin: 0 auto;
}
.listImg {
    height: 250px;
    margin-top: 15px;
    overflow: hidden;
}
.listpart h4 {
    font-size: 16px;
    color: #555;
    font-weight: bold;
    margin-top: 12px;
}
.areaPrice {
    margin-top:5px;
    overflow: hidden;
}
.area {
    font-size: 12px;
    color: #555;
    float: left;
    margin-top:12px;
}
.price {
    font-size: 16px;
    color: #555;
    float: right;
}
.price span{
    font-size: 24px;
    color: #db382b;
}
.border {
    height: 2px;
    background: #dfdfdf;
    margin-top: 14px;
}
.listpart:hover {
    padding: 0;
    border: solid 1px #000;
}
.listpart:hover .border {
    background: transparent;
}
.roommates .blockIntro{
    background: url(../images/indexImg/roommateImg.png) bottom left no-repeat;
}
.rent .blockIntro {
    background: url(../images/indexImg/rentImg.png) bottom left no-repeat;
}
.titleBlock {
    overflow: hidden;
}
.titleBlock div {
    float: left;
}
.titleBlock h4 {
    font-size: 30px;
    color: #db382b;
    padding: 0;
    margin: 0;
    margin-left: 15px;
}
.titleBlock h5 { 
    font-size: 18px;
    color: #db382b;
    margin-top:9px;
    margin-left: 15px;
}
.titleBlock a {
    display: block;
    width: 156px;
    height: 26px;
    font-size: 16px;
    color: #db382b;
    text-align: center;
    line-height: 26px;
    border: solid 1px #db382b;
    border-radius: 3px;
    float: right;
    margin-top: 24px;
}
.listArea:after {
    display: block;
    content:'';
    width: 1210px;
    border-bottom: solid 1px #ccc;
    margin: 0 auto;
}


/* advance area */
.advanceArea {
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
}
.advanceArea h3 {
    font-size: 18px;
    font-weight: normal;
    color: #666;
    text-align: center;
    line-height: 36px;
    margin-bottom: 30px;
}    
.advanceArea h3 span {
    font-size: 36px;
    font-weight: bold;
    color: #666;
    vertical-align: bottom;
}
.advanceList {
    width: 1210px;
    text-align: center;
    margin: 0 auto;
}
.advancePart {
    display: inline-block;
    text-align: center;
    margin: 0 22px;
}
.advancePart h4, .advancePart h6 {
    font-weight: normal;
    padding: 0;
    margin: 0;
}
.advancePart h4 {
    font-size: 18px;
    margin-top: 24px;
}
.advancePart h6 {
    font-size: 14px;
    margin-top: 4px;
}
.partImg {
    width: 90px;
    height: 104px;
    background: #ff5a5f;
    border-radius: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.advance1 {
    background: url(../images/indexImg/advance1.png) center center no-repeat;
}
.advance2 {
    background: url(../images/indexImg/advance2.png) center center no-repeat;
}
.advance3 {
    background: url(../images/indexImg/advance3.png) center center no-repeat;
}
.advance4 {
    background: url(../images/indexImg/advance4.png) center center no-repeat;
}
.advance5 {
    background: url(../images/indexImg/advance5.png) center center no-repeat;
}




/* adverArea */
.adverArea {
    width: 100%;
    height: 684px;
    background: #f4f4f4;
}
.adverBlock {
    width: 1060px;
    margin: 0 auto;
    overflow: hidden;
}
.adverBlock > * > *{
    width: 530px;
    height: 300px;
    background: #fa3142;
    float: left;
}
.fAdver {
    margin-top: 32px;
    margin-bottom: 19px;
    overflow: hidden;
}
.lastType {
    width: 100%;
    height: 80px;
    background: url(../images/indexImg/lastType.png) top center no-repeat;
}
.ffAdver {
    background: url(../images/indexImg/adver1.jpg) center center no-repeat;
}
.fsAdver {
    background: url(../images/indexImg/adver2.jpg) center center no-repeat;
}
.sfAdver {
    background: url(../images/indexImg/adver3.png) center center no-repeat;
}
.ssAdver {
    background: url(../images/indexImg/adver4.jpg) center center no-repeat;
}




























